﻿<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
 Copyright 2008 ZHENG Zhong <heavyzheng nospam at gmail D0T com>
  - http://heavyz.blogspot.com/
  - http://buggarden.blogspot.com/

 Sample blog*spot page for test only, created on 2008-04-30.

 Last changed at $Date: 2008-05-05 12:52:58 +0000 (Mon, 05 May 2008) $ by $Author: heavyzheng $, $Revision: 54 $
 $HeadURL: http://buggarden.googlecode.com/svn/skinz/sample_blog_page.html $
 -->
<html xmlns='http://www.w3.org/1999/xhtml'>

  <head>
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
    <title>Sample Blog Page</title>
    <meta content='ZHENG Zhong' name='author'/>
    <!--link rel='shortcut icon' type='image/ico' href='./common/favicon.ico'/-->
    <link rel='stylesheet' type='text/css' href='./common/common.css'/>
    <link rel='stylesheet' type='text/css' href='./buggarden/buggarden.css'/>
    
    <!-- Begin of SyntaxHighlighter (http://syntaxhighlighter.googlecode.com/) -->
    <link rel='stylesheet' type='text/css' href='http://buggarden.googlepages.com/skinz_sh.css'/>
    <link rel='stylesheet' type='text/css' href='./buggarden/sh_customized.css'/>
    <script language='javascript' src='http://buggarden.googlepages.com/skinz_shCore.js'>
    </script>
    <script language='javascript' src='http://buggarden.googlepages.com/skinz_shBrushCpp.js'>
    </script>
    <script language='javascript' src='http://buggarden.googlepages.com/skinz_shBrushJava.js'>
    </script>
    <script language='javascript' src='http://buggarden.googlepages.com/skinz_shBrushPython.js'>
    </script>
    <script language='javascript' src='http://buggarden.googlepages.com/skinz_shBrushCSharp.js'>
    </script>
    <script language='javascript' src='http://buggarden.googlepages.com/skinz_shBrushXml.js'>
    </script>
    <!-- End of SyntaxHighlighter -->
    
  </head>

  <body>
  
    <div id='outer-wrapper'>
    
      <div id='header-wrapper'>
        <div class='header section' id='header_section'>
          <div class='widget Header' id='Header1'>
            <div id='header-inner'>
              <div class='titlewrapper'>
                <h1 class='title'>
                  Sample Blog Page Cloned from
                  <a href='http://heavyz.blogspot.com/'>Here</a>
                </h1>
              </div>
              <div class='descriptionwrapper'>
                <p class='description'><span>Bug Garden</span></p>
              </div>
            </div>
          </div>
        </div>
      </div><!--/#header-wrapper-->
      
      <div id='sidebar-wrapper'>
        
        <div class='widget Profile' id='Profile1'>
          <h2>About Me</h2>
          <div class='widget-content'>
            <a href='#'><img alt='My Photo' class='profile-img' height='80' src='http://bp0.blogger.com/_LnVkFCTNDjw/R92hFV-0TMI/AAAAAAAACII/-NNDitfzbSo/S220/zheng_metro_20080315.jpg' width='80'/></a>
            <dl class='profile-datablock'>
              <dt class='profile-data'>Zhong ZHENG</dt>
              <dd class='profile-data'>南京, China</dd>
            </dl>
            <a class='profile-link' href='http://www.blogger.com/profile/12170281338372968227'>View my complete profile</a>
            <div class='clear'></div>
          </div>
        </div>
        
        <div class='widget Label' id='Label1'>
          <h2>Labels</h2>
          <div class='widget-content'>
            <ul>
              <li><a dir='ltr' href='#'>appengine</a> <span dir='ltr'>(1)</span></li>
              <li><a dir='ltr' href='#'>boost</a> <span dir='ltr'>(2)</span></li>
              <li><a dir='ltr' href='#'>cplusplus</a> <span dir='ltr'>(4)</span></li>
              <li><a dir='ltr' href='#'>python</a> <span dir='ltr'>(4)</span></li>
              <li><a dir='ltr' href='#'>未完成</a> <span dir='ltr'>(2)</span></li>
            </ul>
            <div class='clear'></div>
          </div>
        </div>
        
        <div class='widget BlogArchive' id='BlogArchive1'>
          <h2>Blog Archive</h2>
          <div class='widget-content'>
            <div id='ArchiveList'>
              <div id='BlogArchive1_ArchiveList'>
                <ul>
                  <li class='archivedate'><a href='#'>Apr 2008</a> (1)</li>
                  <li class='archivedate'><a href='#'>Feb 2008</a> (2)</li>
                  <li class='archivedate'><a href='#'>Jan 2008</a> (5)</li>
                  <li class='archivedate'><a href='#'>Nov 2007</a> (1)</li>
                </ul>
              </div>
            </div>
            <div class='clear'></div>
          </div>
        </div>        
        
        <div class='widget LinkList' id='LinkList1'>
          <h2>Links</h2>
          <div class='widget-content'>
            <ul>
              <li><a href='http://buggarden.googlecode.com/'>Bug Garden SVN</a></li>
              <li><a href='http://people.apache.org/~zheng/'>我的Apache主页</a></li>
              <li><a href='http://heavyz.blogspot.com/'>只谈生活不谈编程</a></li>
            </ul>
            <div class='clear'></div>
          </div>
        </div>
        
        <div class='widget BloggerButton' id='BloggerButton1'>
          <div class='widget-content'>
            <a href='http://www.blogger.com'>
              <img alt='Powered By Blogger' src='http://www.blogger.com/buttons/blogger-powerby-blue.gif'/>
            </a>
            <div class='clear'></div>
          </div>
        </div>
      
      </div><!--#sidebar-wrapper-->
      
      <div id='content-wrapper'>
        <div class='content section' id='content_section'>
          <div class='widget Blog' id='Blog1'>
            
            <div class='blog-posts hfeed'>
              
              <!-- google_ad_section_start -->
              
              <h2 class='date-header'>Monday, 28 April 2008</h2>
              <div class='post hentry uncustomized-post-template'>
                <a name='6550592248104142516'></a>
                <h3 class='post-title entry-title'><a href='#'>测试一下中文</a></h3>
                <div class='post-header-line-1'></div>
                <div class='post-body entry-content'>
                  <p>
                    <big><b>黄鹤楼</b></big><br/>
                    <br/>
                    <i>崔颢</i><br/>
                    <br/>
                    昔人已乘黄鹤去<br/>
                    此地空馀黄鹤楼<br/>
                    黄鹤一去不复返<br/>
                    白云千载空悠悠<br/>
                    晴川历历汉阳树<br/>
                    芳草萋萋鹦鹉洲<br/>
                    日暮乡关何处是<br/>
                    烟波江上使人愁<br/>
                    <br/>
                    <big><b>闻官军收河南河北</b></big><br/>
                    <br/>
                    <i>杜甫</i><br/>
                    <br/>
                    剑外忽传收蓟北<br/>
                    初闻涕泪满衣裳<br/>
                    却看妻子愁何在<br/>
                    漫卷诗书喜欲狂<br/>
                    白日放歌须纵酒<br/>
                    青春作伴好还乡<br/>
                    即从巴峡穿巫峡<br/>
                    便下襄阳向洛阳
                  </p>
                  <div style='clear: both;'></div>
                </div>
                <div class='post-footer'>
                  <div class='post-footer-line post-footer-line-1'>
                    <span class='post-author vcard'>
                      Posted by <span class='fn'>ZHENG Zhong</span>
                    </span>
                    <span class='post-timestamp'>
                      at
                      <a class='timestamp-link' href='#' rel='bookmark' title='permanent link'>
                        <abbr class='published' title='2008-04-28T09:52:00-07:00'>09:52</abbr>
                      </a>
                    </span>
                    <span class='post-comment-link'>
                      <a class='comment-link' href='#' onclick=''>2 comments</a>
                    </span>
                    <span class='post-backlinks post-comment-link'>
                      <a class='comment-link' href='#'>Links to this post</a>
                    </span>
                  </div>
                  <div class='post-footer-line post-footer-line-2'>
                    <span class='post-labels'>
                      Labels: <a href='#' rel='tag'>appengine</a>, <a href='#' rel='tag'>python</a>
                    </span>
                  </div>
                  <div class='post-footer-line post-footer-line-3'></div>
                </div>
              </div>
              
              <div class='comments' id='comments'>
                <a name='comments'></a>
                <h4>2 comments:</h4>
                <dl id='comments-block'>
                  <dt class='comment-author blogger-comment-icon' id='c3680949822072436629'>
                    <a name='c3680949822072436629'></a>
                    <a href='#' rel='nofollow'>ZHENG Zhong</a> said...
                  </dt>
                  <dd class='comment-body'>
                    <p>
                      This comment is for test only.<br/>
                      本评论仅作测试用
                    </p>
                  </dd>
                  <dd class='comment-footer'>
                    <span class='comment-timestamp'>
                      <a href='#' title='comment permalink'>11 August 2007 14:20:00 PDT</a>
                    </span>
                  </dd>
                  <dt class='comment-author blogger-comment-icon' id='c7650982520203585682'>
                    <a name='c7650982520203585682'></a>
                    <a href='#' rel='nofollow'>ZHENG Zhong</a> said...
                  </dt>
                  <dd class='comment-body'>
                    <p>
                      测试一个长一点的留言<br/>
                      <br/>
                      蒹葭苍苍 白露为霜<br/>
                      所谓伊人 在水一方<br/>
                      溯洄从之 道阻且长<br/>
                      溯游从之 宛在水中央<br/>
                      <br/>
                      蒹葭萋萋 白露未晞<br/>
                      所谓伊人 在水之湄<br/>
                      溯洄从之 道阻且跻<br/>
                      溯游从之 宛在水中坻
                    </p>
                  </dd>
                  <dd class='comment-footer'>
                    <span class='comment-timestamp'>
                      <a href='#' title='comment permalink'>10 January 2008 02:41:00 PST</a>
                    </span>
                  </dd>
                </dl>
                <p class='comment-footer'><a href='#'>Post a Comment</a></p>
                <div id='backlinks-container'>
                  <div id='Blog1_backlinks-container'>
                    <a name='links'></a>
                    <h4></h4>
                    <p class='comment-footer'>
                      <a class='comment-link' href='' id='Blog1_backlinks-create-link'></a>
                    </p>
                  </div>
                </div>
              </div>
              
              <h2 class='date-header'>Friday, 29 February 2008</h2>
              <div class='post hentry uncustomized-post-template'>
                <a name='1236571395111925842'></a>
                <h3 class='post-title entry-title'><a href='#'>Rendering Test</a></h3>
                <div class='post-header-line-1'></div>
                <div class='post-body entry-content'>
                  <p>
                    This post is for rendering test...<br/>
                    <br/>
                    <big><b>Hello, World!</b></big><br/>
                    <br/>
                    <i>From <a href="http://en.wikipedia.org/wiki/Hello_world">Wikipedia</a>, the
                    free encyclopedia</i><br/>
                    <br/>
                    A <b>"hello world" program</b> is a computer program that prints out "Hello,
                    world!" on a display device. It is used in many introductory tutorials for
                    teaching a programming language. Such a program is typically one of the simplest
                    programs possible in a computer language. Some are surprisingly complex,
                    especially in some graphical user interface (GUI) contexts, but most are very
                    simple, especially those which rely heavily on a particular command line
                    interpreter ("shell") to perform the actual output.<br/>
                    <br/>
                    While small test programs existed since the development of programmable
                    computers, the tradition of using the phrase "Hello world!" as a test
                    message was influenced by an example program in the book <i>The C Programming
                    Language</i>. The example program from that book prints "hello, world"
                    (without capital letters or exclamation mark), and was inherited from a 1974
                    Bell Laboratories internal memorandum by Brian Kernighan, <i>Programming in C:
                    A Tutorial</i>, which contains the first known version:<br/>
                    <br/>
                    <pre name="code" class="cpp">
main() {
    printf("hello, world");
}</pre><br/>
                    <br/>
                    <big><b>Hello World in C++, Python and Java</b></big><br/>
                    <br/>
                    The C++ version:<br/>
                    <br/>
                    <pre name="code" class="cpp">
#include &lt;iostream&gt;

int main(int, char**) {
  std::cout &lt;&lt; "hello, world" &lt;&lt; std::endl;
  return 0;
}</pre><br/>
                    <br/>
                    The Python version:<br/>
                    <br/>
                    <pre name="code" class="python">
#!/usr/bin/env python

def main():
    print 'hello, world'

if __name__ == '__main__':
    main()</pre><br/>
                    <br/>
                    The Java version:<br/>
                    <br/>
                    <pre name="code" class="java">
public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("hello, world");
    }
}</pre>
                  </p>
                  <div style='clear: both;'></div>
                </div>
                <div class='post-footer'>
                  <div class='post-footer-line post-footer-line-1'>
                    <span class='post-author vcard'>
                      Posted by <span class='fn'>ZHENG Zhong</span>
                    </span>
                    <span class='post-timestamp'>
                      at
                      <a class='timestamp-link' href='#' rel='bookmark' title='permanent link'>
                        <abbr class='published' title='2008-02-29T09:26:00-08:00'>09:26</abbr>
                      </a>
                    </span>
                    <span class='post-comment-link'>
                      <a class='comment-link' href='#' onclick=''>0 comments</a>
                    </span>
                    <span class='post-backlinks post-comment-link'>
                      <a class='comment-link' href='#'>Links to this post</a>
                    </span>
                  </div>
                  <div class='post-footer-line post-footer-line-2'>
                    <span class='post-labels'>
                      Labels: <a href='#' rel='tag'>测试</a>
                    </span>
                  </div>
                  <div class='post-footer-line post-footer-line-3'></div>
                </div>
              </div>
              
              <!-- google_ad_section_end -->
              
            </div><!--/.blog-posts-->
            
            <div class='blog-pager' id='blog-pager'>
              <span id='blog-pager-newer-link'>
                <a class='blog-pager-newer-link' href='#' id='Blog1_blog-pager-newer-link' title='Newer Posts'>Newer Posts</a>
              </span>
              <a class='home-link' href='#'>Home</a>
            </div>
            <div class='clear'></div>
            
            <div class='blog-feeds'>
              <div class='feed-links'>
                Subscribe to: <a class='feed-link' href='#'>Posts (Atom)</a>
              </div>
            </div>
            
          </div>
        </div>

      </div><!--/#content-wrapper-->
      
      <div id='footer-wrapper'>
        <div class='footer section' id='footer_section'>
          <div class='widget Text' id='Text1'>
            <div class='widget-content'>
                2008, ZHENG Zhong &lt;heavyzheng nospam at gmail D0T com&gt;
              | <a href="http://validator.w3.org/check?uri=referer">[in]valid XHTML</a>
              | <a href="http://jigsaw.w3.org/css-validator/check/referer">[in]valid CSS</a>
            </div>
            <div class='clear'></div>
          </div>
        </div>
      </div><!--/#footer-wrapper-->
    
    </div><!--/#outer-wrapper-->
    
    <script language='javascript'>
      /**
       Render source code fragments using SyntaxHighlighter.
       Source code fragments should be placed in the following HTML tag:
         &lt;pre name='code' class='${lang}'&gt;...&lt;/pre&gt;
       Check the SyntaxHighlighter project at: http://syntaxhighlighter.googlecode.com/
       */
      window.onload = function() {
        dp.SyntaxHighlighter.ClipboardSwf = 'http://buggarden.googlepages.com/skinz_shClipboard.swf';
        dp.SyntaxHighlighter.BloggerMode();
        dp.SyntaxHighlighter.HighlightAll('code');
      }
    </script>
    
  </body>
</html>





